<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>综合实例</title>
</head>
<body bgcolor="#e3e3e3">
    <h2 align="center">综合展现HTML标记</h2>
        <hr align="center"size="2"width="300">
        <center>
        <font size="4">下面展示表单的应用</font>
        <form action=""method="post">
        <table border="1"width="400"cellpadding="1"cellspacing="1">
            <tr>
            <td>姓名:</td><td><input type="text"name="username"maxlength="10"
                    size="20"></td>
            </tr>
            <tr>
            <td>密码:</td><td><input type="password"name="pwd"size="21"></td>
            </tr>
            <tr>
            <td>性别:</td><td><input name="sex"type="radio"checked>男
            <input name="sex"type="radio">女</td>
            </tr>
            <tr>
            <td>水果:</td><td>
            <input name="fruit"type="checkbox"checked>苹果
            <input name="fruit"type="checkbox">香蕉
            <input name="fruit"type="checkbox">橘子</td>
            </tr>
            <tr>
            <td>备注:</td>
            <td><textarea rows="3"cols="25">滚动文本框</textarea></td>
            </tr>
            <tr>
            <td>专业:</td><td><select name="zy"size="1">
                    <option value="计算机">计算机</option>
                    <option value="英语">英语</option>
                    <option value="数学">数学</option>
                 </select></td>
            </tr>
            <tr>
            <td>课程:</td><td><select name="kc"size="3"multiple>
                    <option value="计算机导论">计算机导论</option>
                    <option value="数据结构">数据结构</option>
                    <option value="软件工程">软件工程</option>
                    <option value="高等数学">高等数学</option>
                    <option value="离散数学">离散数学</option>
                </select></td>
            </tr>
            <tr>
            <td><input type="submit"value="提交"/></td>
            <td><input type="reset"value="重置"/></td>
            </tr>
        </table>
        </form>
    </center>
</body>
</html>